@layout("/common/_container.html",{bg:"bg-white",js:["/assets/modular/system/meter/meter_add.js"]}){
<style>
    .title{
        margin-bottom: 10px;font-family: PingFangSC-Regular;font-size: 14px;color: rgba(0,0,0,0.65);line-height: 22px;
    }
    .vicInput{
        width: 472px;    /*border: 1px solid #D9D9D9; border-radius: 4px;*/
    }
    .layui-layer.layui-layer-admin {
        height: 800px;
    }
    .form-group-bottom {
        z-index: 9999;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 10px 20px;
        background: #FFFFFF;
        box-shadow: 0 -2px 4px 0 rgba(58,79,102,0.10);
        border-radius: 0 0 4px 4px;
    }

    .input-group {
        position: relative;
        display: table;
        border-collapse: separate;
        width: 100%;
    }
    .input-group .form-control, .input-group-addon {
        display: table-cell;
    }
    .input-group-addon {
        padding: 5px;
        text-align: center;
        border-radius: 2px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .input-group .form-control:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .layui-layer-title {
        font-size: 18px;
    }
</style>
<div class="layui-layer-content">
<form id="userForm" lay-filter="roleForm" class="layui-form model-form">

        <div style=" margin-left: 23px">
            <div class="title">
                <span style="color: red;">*</span>&nbsp;能源表编号：
            </div>
            <div class="vicInput">
                <input name="meterNo" placeholder="请输入能源表编号" type="text" class="layui-input" lay-verify="required"  required maxlength="20" autocomplete="off"/>
            </div>
        </div>
        <div style=" margin-left: 23px;margin-top: 30px;">
            <div class="title">
                <span style="color: red;">*</span>&nbsp;单元号：
            </div>
            <div class="vicInput">
                <select name="shopNo" lay-verify="required" id="shopData" lay-filter="shopData" lay-search>
                    <option value="">请选择单元号</option>
                </select>
            </div>
        </div>
        <div style=" margin-left: 23px;margin-top: 30px;">
            <div class="title">
                <span style="color: red;">*</span>&nbsp;能源表类型：
            </div>
            <div class="vicInput">
                <select name="meterType" lay-verify="required" id="meterType" lay-filter="meterType" lay-search>
                    <option value="">能源表类型</option>
                    <option value="1">水表</option>
                    <option value="2">电表</option>
                </select>
            </div>
        </div>
        <div style=" margin-left: 23px;margin-top: 30px;">
            <div class="title">
                <span style="color: red;">*</span>&nbsp;能源表属性：
            </div>
            <div class="vicInput">
                <select name="energyMeterType" lay-verify="required" id="energyMeterType" lay-filter="energyMeterType" lay-search>
                    <option value="">能源表属性类型</option>
                    <option value="1">实体卡充值表</option>
                    <option value="2">远程充值表</option>
                    <option value="3">机械表</option>
                </select>
            </div>
        </div>
        <div style=" margin-left: 23px;margin-top: 30px;">
            <div class="title">
                <span style="color: red;">*</span>&nbsp;能源表模式：
            </div>
            <div class="vicInput">
                <select name="meterModel" lay-verify="required" id="meterModel" lay-filter="meterModel" lay-search>
                    <option value="">能源表模式</option>
                    <option value="1">商铺</option>
                    <option value="2">广告位</option>
                    <option value="3">临时场地</option>
                </select>
            </div>
        </div>
        <div style=" margin-left: 23px;margin-top: 30px;">
            <div class="title">
                <span style="color: red;">*</span>&nbsp;倍率：
            </div>
            <div class="vicInput">
                <input name="timesRate" placeholder="请输入倍率" type="text" class="layui-input" lay-verify="required|money"  required/>
            </div>
        </div>
        <div style=" margin-left: 23px;margin-top: 30px;">
            <div class="title">
                <span style="color: red;">*</span>&nbsp;单价：
            </div>
            <div class="vicInput">
                <input name="unitPrice" placeholder="请输入单价" type="text" class="layui-input" lay-verify="required|money"  required/>
            </div>
        </div>
        <div style=" margin-left: 23px;margin-top: 30px;">
            <div class="title">
                服务费单价：
            </div>
            <div class="vicInput">
                <input name="loseServiceCharge" placeholder="服务费单价" type="text" class="layui-input" lay-verify="money" />
            </div>
        </div>
        <div style=" margin-left: 23px;margin-top: 30px;">
            <div class="title">
                <span style="color: red;">*</span>&nbsp;折扣：
            </div>
            <div class="input-group" style="width: 472px;    border: 1px solid #D9D9D9; border-radius: 4px;">
                <input name="discount" placeholder="请输入折扣" type="text" class="layui-input" lay-verify="required|discount" value="100"  style="border-top: none;border-left: none;border-bottom: none;"  required/>
                <span class="input-group-addon">%</span>
            </div>
        </div>


        <div style=" margin-left: 23px;margin-top: 30px;">
            <div class="title">
                <span style="color: red;">*</span>&nbsp;起码：
            </div>
            <div class="vicInput">
                <input name="initialNum" placeholder="请输入起码值" type="text" class="layui-input" lay-verify="money" />
            </div>
        </div>



        <div style=" margin-left: 23px;margin-top: 30px;">
            <div class="title">
                商户：
            </div>
            <div class="vicInput">
                <input id="shopName" name="shopName" disabled="disabled" type="text" disabled="disabled" class="layui-input"   style="background: #F9F9F9;border: 1px solid #D9D9D9;border-radius: 4px;border-radius: 4px;"/>
            </div>
        </div>
        <div style=" margin-left: 23px;margin-top: 30px;">
            <div class="title">
               商户号：
            </div>
            <div class="vicInput">
                <input id="shopNo" name="shopId" disabled="disabled"  type="text" disabled="disabled" class="layui-input"  style="background: #F9F9F9;border: 1px solid #D9D9D9;border-radius: 4px;border-radius: 4px;"/>
            </div>
        </div>
        <div style=" margin-left: 23px;margin-top: 30px;">
            <div class="title">
                商户地址：
            </div>
            <div class="vicInput" style="margin-bottom: 90px">
                <input id="shopAdr" name="shopAdr" disabled="disabled" type="text" disabled="disabled" class="layui-input" style="background: #F9F9F9;border: 1px solid #D9D9D9;border-radius: 4px;border-radius: 4px;"/>
            </div>
        </div>



        <div class="form-group-bottom text-right">

            <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
            <button class="layui-btn" lay-filter="btnSubmit" lay-submit>提交</button>
        </div>

</form>
</div>
@}
